<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>贷款-服务产品新建/编辑</title>
        <link rel="stylesheet" type="text/css" href="<%request.getContextPath();%>/css/jquery.dataTables.css"/>
        <link rel="stylesheet" href="<%request.getContextPath();%>/css/bootstrap.min.css"/>
        <link rel="stylesheet" href="<%request.getContextPath();%>/css/commonStyle.css"/>
        <link rel="stylesheet" href="<%request.getContextPath();%>/css/Login.css">
        <style type="text/css" class="init"></style>
        <!--  图片上传  -->
        <script type="text/javascript" src="<%request.getContextPath();%>/js/plus_more.js"></script>
        <!--  图片上传  -->
        <script src="<%request.getContextPath();%>/js/jquery-1.11.2.min.js"></script>
        <script src="<%request.getContextPath();%>/js/bootstrap.min.js"></script>
        <script type="text/javascript" src="<%request.getContextPath();%>/js/jquery.dataTables.js"></script>
        <script type="text/javascript" language="javascript" class="init">
            $(document).ready(function() 
            {
                $('#example').dataTable();
				$("#name").blur(function(){
					var name=$.trim($("#name").val()); 
					if(name.length>18){
						$("#letterP").html("<span>&nbsp;最多18个汉字</span>")
										   .css("color","red"); 
					}
					else if(name.length<1){
						$("#letterP").html("<span>&nbsp;服务产品名称不能为空</span>")
										   .css("color","red"); 
					}
					else{
						$("#letterP").html("<span>最多18个汉字</span>")
										   .css("color","black"); 
						}
				});



            } );
        </script>
    </head>

    <body>
    <div class="container">
       <!--页头-->
       <header>
          <h2><span id="title">${titlename}</span></h2>
       </header>
       <hr>
        
        <article>
        <form class="form-horizontal" method="post" action="/${addOrUpdate}/loan" enctype="multipart/form-data">
	   <!--服务产品编号-->
          <div class="form-group">
            <label  class="col-sm-2 control-label">服务产品编号</label>
            <div class="col-xs-4">
                <input name="loanserviceid" type="text" class="form-control"  placeholder="系统自动分配，每个服务产品的唯一ID" value="${loanServiceslist.loanserviceid}">
            </div>
          </div>
       <!--服务产品名称-->
          <div class="form-group">
            <label  class="col-sm-2 control-label">服务产品名称</label>
            <div class="col-xs-4">
                <input name="name" type="text" class="form-control"  placeholder="*****" value="${loanServiceslist.name}">
            </div>
            <p class="help-inline" id="letterP">最多18个汉字</p>
          </div>
  	   <!-- 所属分类-->
          <div class="form-group">
            <label class="col-sm-2 control-label">所属分类</label>
            <div class="col-xs-4">
                <select name="type" id="kind" class="form-control" >
                     <option value="贷款服务">贷款服务</option>
                </select>
            </div>
          </div>
       <!--产品特色-->
          <div class="form-group">
          	 <label class="col-sm-2 control-label">产品特色</label>
             <div class="col-sm-8">
                	<textarea name="character" class="form-control" rows="2" >${loanServiceslist.character}</textarea>
                </div>
          </div>
	   <!--贷款对象-->
          <div class="form-group">
             <label class="col-sm-2 control-label">贷款对象</label>
             <div class="col-xs-4">
                <select  name="borrowertype" class="form-control" >
                     <option selected value="企业" >企业</option>
                </select>
            </div>
           </div>
       <!--贷款额度-->
      	  <div class="form-group">
            <label  class="col-sm-2 control-label">贷款额度</label>
            <div class="col-xs-2">
                <input name="loanmin"type="text" class="form-control" placeholder="*****" value="${loanServiceslist.loanmin}">
            </div>
            <div class="col-xs-2 col-xs-1a">
               至
            </div>
            <div class="col-xs-2">
                <input  name="loanmax" type="text" class="form-control"  placeholder="*****" value="${loanServiceslist.loanmax}" >
            </div>
            <div class="col-xs-2 col-xs-1a">
               万元
            </div>
          </div>
      <!--贷款利率-->
      	<div class="form-group">
            <label  class="col-sm-2 control-label">贷款利率</label>
            <div class="col-xs-2">
                <input  name="ratemax" type="text" class="form-control"placeholder="*****"  value="${loanServiceslist.ratemin}">
            </div>
            <div class="col-xs-2 col-xs-1a">至</div>
            <div class="col-xs-2">
                <input name="ratmin"  type="text" class="form-control"placeholder="*****"  value="${loanServiceslist.ratemax}">
            </div>
             <div class="col-xs-2 col-xs-1a">%</div>
          </div>
      <!--放款时间-->
      	<div class="form-group">
            <label  class="col-sm-2 control-label">放款时间</label>
            <div class="col-xs-2">
                <input  type="text" class="form-control datetime-local" placeholder="*****" >
            </div>
            <div class="col-xs-1">
                <select  class="form-control">
                     <option selected value="天" >天</option>
                     <option value="周">周</option>
                     <option value="月">月</option>
                 </select>
                </select>
            </div>
        </div>
      <!--贷款期限-->
      	<div class="form-group">
            <label class="col-sm-2 control-label">贷款期限</label>
            <div class="col-xs-2">
                <input  name="loanterm"  type="text" class="form-control datetime-local" placeholder="*****" >
            </div>
            <div class="col-xs-1">
                <select class="form-control">
                     <option selected value="天" >天</option>
                     <option value="周">周</option>
                     <option value="月">月</option>
                 </select>
                </select>
            </div>
        </div>
      <!--还款方式-->
          <div class="form-group">
            <label  class="col-sm-2 control-label">还款方式</label>
            <div class="col-xs-4">
                <input name="payway" type="text" class="form-control"   value="${loanServiceslist.payway}">
            </div>
          </div>	
      <!--申请条件-->
          <div class="form-group">
          	 <label class="col-sm-2 control-label">申请条件</label>
             <div class="col-sm-8">
                	<textarea name="requrement" class="form-control" rows="2" >${loanServiceslist.condition}</textarea>
                </div>
          </div>  
      <!--办理流程-->
          <div class="form-group">
          	 <label class="col-sm-2 control-label">办理流程</label>
             <div class="col-sm-8">
                	<textarea name="procedure" class="form-control" rows="4" >${loanServiceslist.procedure}</textarea>
                </div>
          </div> 
      <!--所需资料-->
          <div class="form-group">
          	 <label class="col-sm-2 control-label">所需资料</label>
             <div class="col-sm-8">
                	<textarea name="" class="form-control" rows="4" >${loanServiceslist.requirment}</textarea>
                </div>
          </div>
      <!--备注-->
      	 <div class="form-group">
          	 <label class="col-sm-2 control-label">备注</label>
             <div class="col-sm-8">
                	<textarea class="form-control" rows="1" ></textarea>
                </div>
          </div>
      <!-- 公司logo-->
            <div class="form-group">
                <label class="col-sm-2 control-label">园区logo</label>
                <div id="uplogol_3" style="float:left; border:1px solid #999999; margin-left:14px;"><img id="showlogol_3" src="images/Project-LOGO.png" class="other_pic_logo"/></div>
                <div style="float:left;">
                    <label for="surelogol_3" class="btn btn-primary submit_btn_img_p" style="margin-left:20px; margin-top:20px;" > +更换图片
                        <input  name="files" type="file" onChange="previewImage(this,'uplogol_3','showlogol_3',120,120)"  class="submit_btn" style="display:none;" id="surelogol_3" value="上传Logo"/>
                    </label>
                    <p class="Tab_he_2">规格：120✖120；</p>
                    <p class="Tab_he_3">格式：JPG；</p>
                </div>
            </div>
            <!--          附件-->
            <div class="form-group">
                <label class="col-sm-2 control-label">添加附件</label>
                <div class="col-sm-3">
                    <input name="files" class="btn btn-default" type="file">
                </div>
            </div>
      <!--批量备注-->
      	 <div class="form-group">
          	 <label class="col-sm-2 control-label">批量备注</label>
             <div class="col-sm-7">
                <textarea class="form-control" rows="3" >批量备注</textarea>
               
             </div>
             <div class="col-sm-1">
             	<p class="help-inline">此处供内部查看</p>
             </div>
          </div> 
      <!--按钮-->
            <div class="buttongroup" style="width:970px; margin-left:0px; margin-top:0px;">
                <button type="button" class="btn btn-primary" >保存为草稿</button>
                <button type="button" class="btn btn-primary" id="contact_btn2">保存并上线</button>
                <button type="button" class="btn btn-primary" id="p_savenone" style="margin-left: 80px;width:100px;margin-top:13px;">取消</button>
            </div>
            <!-- 保存为草稿的弹窗 开始 -->
            <div id="Popups_savech" class="Popup_out_st">
                <div id="Con_box_savech" class="Popup_in_st">
                    <img src="../images/close.png" id="closePopups_savech" class="Close_Popups"/>
                    <label class="Popup_label">保存为草稿</label>
                    <hr class="Popup_in_hr"/>
                    <p class="Popup_in_p">保存修改内容？</p>
                    <button type="submit" class="btn btn-primary" id="Popups_saveyes" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                    <button class="btn btn-primary" id="Popups_saveno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
                </div>
            </div>
            <!-- 保存为草稿弹窗 结束 -->
            <!-- 保存并上线弹窗 开始 -->
            <div id="Popups_saveup" class="Popup_out_st">
                <div id="Con_box_saveup" class="Popup_in_st">
                    <img src="../images/close.png" id="closePopups_saveup" class="Close_Popups"/>
                    <label class="Popup_label">保存并上线</label>
                    <hr class="Popup_in_hr"/>
                    <p class="Popup_in_p">保存修改内容并发布上线？</p>
                    <button type="submit" class="btn btn-primary" id="Popups_saveupyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                    <button class="btn btn-primary" id="Popups_saveupno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
                </div>
            </div>
            <!-- 保存并上线弹窗 结束 -->
            <!-- 取消弹窗 开始 -->
            <div id="Popups_savenone" class="Popup_out_st">
                <div id="Con_box_savenone" class="Popup_in_st">
                    <img src="../images/close.png" id="closePopups_savenone" class="Close_Popups"/>
                    <label class="Popup_label">取消</label>
                    <hr class="Popup_in_hr"/>
                    <p class="Popup_in_p">确定放弃当前文案修改？</p>
                    <button type="reset" class="btn btn-primary" id="Popups_savenoneyse" style="width: 60px;margin-left: 80px;margin-top: 8px;float: left;">是</button>
                    <button class="btn btn-primary" id="Popups_savenoneno" style="margin-left: 50px;margin-top: 8px;width: 60px;float: left;">否</button>
                </div>
            </div>
            <!-- 取消弹窗 结束 -->
       </form>
       </article>
        </div>
        <script type="text/javascript">
            wdh=$(window).width();
            left=(wdh-330)/2;
            www=$(document).width();
            hhh=$(document).height();
            $(document).ready(function(){
                //保存为草稿
                $("#contact_btn1").click(function(){
                    $("#Popups_savech").fadeIn("slow");
                    $("#page_index").css('overflow','scroll');
                    $("#page_index").css('overflow','hidden');
                    $("#Con_box_savech").css('margin-left',left);
                    $("#Con_box_savech").css('margin-top','750px');
                });
                $("#closePopups_savech").click(function(){
                    $("#Popups_savech").fadeOut("slow");
                    $("#page_index").css('overflow-y','auto');
                });

                $("#Popups_saveyes").click(function(){
                    $("#Popups_savech").fadeOut("slow");
                    $("#page_index").css('overflow-y','auto');
                });

                $("#Popups_saveno").click(function(){
                    $("#Popups_savech").fadeOut("slow");
                    $("#page_index").css('overflow-y','auto');
                });

                //保存并上线
                $("#contact_btn2").click(function(){
                    $("#Popups_saveup").fadeIn("slow");
                    $("#page_index").css('overflow','scroll');
                    $("#page_index").css('overflow','hidden');
                    $("#Con_box_saveup").css('margin-left',left);
                    $("#Con_box_saveup").css('margin-top','750px');
                });
                $("#closePopups_saveup").click(function(){
                    $("#Popups_saveup").fadeOut("slow");
                    $("#page_index").css('overflow-y','auto');
                });

                $("#Popups_saveupyse").click(function(){
                    $("#Popups_saveup").fadeOut("slow");
                    $("#page_index").css('overflow-y','auto');
                });

                $("#Popups_saveupno").click(function(){
                    $("#Popups_saveup").fadeOut("slow");
                    $("#page_index").css('overflow-y','auto');
                });

                //取消
                $("#p_savenone").click(function(){
                    $("#Popups_savenone").fadeIn("slow");
                    $("#page_index").css('overflow','scroll');
                    $("#page_index").css('overflow','hidden');
                    $("#Con_box_savenone").css('margin-left',left);
                    $("#Con_box_savenone").css('margin-top','750px');
                });
                $("#closePopups_savenone").click(function(){
                    $("#Popups_savenone").fadeOut("slow");
                    $("#page_index").css('overflow-y','auto');
                });

                $("#Popups_savenoneyse").click(function(){
                    $("#Popups_savenone").fadeOut("slow");
                    $("#page_index").css('overflow-y','auto');
                });

                $("#Popups_savenoneno").click(function(){
                    $("#Popups_savenone").fadeOut("slow");
                    $("#page_index").css('overflow-y','auto');
                });
                $("#page_index ").css('width',www);
            });
            $(window).resize(function(){
                wdh=$(window).width();
                left=(wdh-330)/2;
                www=$(document).width();
                //保存为草稿
                $("#Con_box_savech").css('margin-left',left);
                $("#Con_box_savech").css('margin-top','750px');
                //保存并上线
                $("#Con_box_saveup").css('margin-left',left);
                $("#Con_box_saveup").css('margin-top','750px');
                //取消
                $("#Con_box_savenone").css('margin-left',left);
                $("#Con_box_savenone").css('margin-top','750px');

                $("#page_index ").css('width',www);
            });
        </script>
    </body>
</html>